<template>
  <div class="swiper" ref="all">
	<swiper arrowDistance="20px" arrowMode="skip" :showNum="1"
	 :isDrag="true" :pageShow="true" :arrowShow="true" :loop="true">
		<template #content>
			<slot></slot>
				<!-- <div v-for="i in showData" ref="item" class="swiperItem">
					<swiper-item v-for="j in i" :info="j.info" :imgLink="j.img" ref="item2"
					describe="100首精选粤语歌 怀念旧时光" class="item"></swiper-item>
				</div> -->
		</template>
	</swiper>
  </div>
</template>

<script>
	import swiper from 'components/swiper/swiper.vue'
  export default{
    name:'',
    data(){
      return {
				
      }
    },
		computed:{
			
		},
    methods:{
      
    },
    components:{
       swiper
    },
		props:{
			
		},
		created() {
			
		},
		mounted() {
			
		}
  }
</script>

<style scoped>
	.swiperItem{
		width: 1046px;
		overflow: hidden;
	}
	.item{
		float: left;
		margin-right: 50px;
	}
	.item:nth-of-type(4n){
		margin-right: 0px;
	}
	.swiper{
		margin: 0 auto;
	}
</style>
